<div id="toolkit----wrap">
  <div class="container">
    <div id="toolkit" class="article edit">
      <ul class="clearfix">
        <li>
          <a href="#" data-command="bold"><i class="fa fa-bold"></i></a>
        </li>
        <li>
          <a href="#" data-command="italic"><i class="fa fa-italic"></i></a>
        </li>
        <li>
          <a href="#" data-command="strikeThrough"><i class="fa fa-strikethrough"></i></a>
        </li>
        <li>
          <a href="#" data-command="underline"><i class="fa fa-underline"></i></a>
        </li>
        <li class="dropdown">
          <a href="javascript:void(0);"><i class="fa fa-text-height"></i></a>
          <ul>
            <li><a href="#" data-command="h1"><span>H1</span></a></li>
            <li><a href="#" data-command="h2"><span>H2</span></a></li>
            <li><a href="#" data-command="h3"><span>H3</span></a></li>
            <li><a href="#" data-command="h4"><span>H4</span></a></li>
          </ul>
        </li>
        <li>
          <a href="#" data-command="link"><i class="fa fa-link"></i></a>
        </li>
        <li>
          <a href="#" data-command="image"><i class="fa fa-picture-o"></i></a>
        </li>
        <li>
          <a href="#" class="upload"><i class="fa fa-upload"></i></a>
        </li>
        <li>
          <a href="#" data-command="orderedList"><i class="fa fa-list-ol"></i></a>
        </li>
        <li>
          <a href="#" data-command="unorderedList"><i class="fa fa-list-ul"></i></a>
        </li>
        <li>
          <a href="#" data-command="blockquote"><i class="fa fa-terminal"></i></a>
        </li>
        <li>
          <a href="#" data-command="code"><i class="fa fa-code"></i></a>
        </li>
        <li>
          <a href="#" data-command="highlight"><i class="fa fa-h-square"></i></a>
        </li>
        <li>
          <a href="#" class="readonly"><i class="fa fa-eye"></i></a>
        </li>
        <% if article.new_record? %>
            <li class="save">
              <%= link_to i_with_span_text(' Save', 'fa fa-save'), backend_articles_path %>
            </li>
        <% else %>
            <li class="update">
              <%= link_to i_with_span_text(%q{ Update}, %q{fa fa-refresh}), backend_article_path(@article) %>
            </li>
        <% end %>
      </ul>
    </div>
  </div>
</div>


<div id="content" class="article new">
  <div class="container-fluid">
    <div class="cl container">
      <div id="editor" class="cl pape editable" contentEditable="true" spellcheck="false">
        <h1><%= sanitize article.title %></h1>
        <%= sanitize article.content.try(:body) %>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="upload-modal" tabindex="-1" role="dialog" aria-hidden="false">
  <div class="modal-dialog custom-width" style="width:720px;">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button " class="close" data-dismiss="modal" aria-hidden="true">×</button>
      </div>
      <div class="modal-body" draggable="true">
        <div class="tab-container">
          <ul class="nav nav-tabs">
            <li><a href="#upload" data-toggle="tab">上传</a></li>
            <li class="active"><a href="#gallery" data-toggle="tab">图库</a></li>
          </ul>
          <div class="tab-content">
            <div class="tab-pane cont" id="upload">
              <div class="file-input input-group">
                <input type="file" class="form-control" single>
                    <span class="input-group-btn">
                    <%= link_to fa_i_with_text(' Upload!', 'upload'), '', id: 'btn-upload', class: 'btn btn-primary' %>
                    </span>
              </div>
            </div>
            <div class="tab-pane active cont" id="gallery">
              <div id="gallery-container" class="row"></div>
              <ul></ul>
            </div>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default btn-flat" data-dismiss="modal">Cancel</button>
        <button type="button" id="refresh-gallery" class="btn btn-primary btn-flat"><i class="fa fa-refresh"></i>Refresh</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div>